
import Vue from 'vue';
import VueRouter from 'vue-router';
import About from '../pages/About';
import Home from '../pages/Home';
import Message from '../pages/Message.vue';
import News from '../pages/News.vue';
import Detail from '../pages/detail.vue';
Vue.use(VueRouter);

export default new VueRouter({
    // 配置路由规则
    routes:[
        {
            name:'guanyu',
            path:'/about',
            component:About,
        },
        {
            name:'zhuye',
            path:'/home',
            component:Home,
            children:[
                {
                    name:'xiaoxi',
                    path:'message',
                    component:Message,
                    children:[
                        {
                            name:'xiangqing',
                            path:'detail/:id/:title',
                            component:Detail,
                            // 路由配置中的props第一种写法:布尔值
                            // 作用:
                            // props:true,

                            // 路由配置中的props第二种写法:对象,作用:将对象中的每一组key-value都以props方式传给


                            // 路由配置中的props第二种写法:函数,
                            // 参数:包含当前路由的所有信息的对象
                            // 作用:将函数返回的那个..
                            props:route=>({...route.query}),//简写
                            
                        }
                    ],
                },
                {
                    name:'xinwen',
                    path:'news',
                    component:News,
                }
            ]
            
        }
    ]
})